<template>
    <div class="video-box">
        <video :src="playUrl" width="100%" ref="videoRef" style="vertical-align: middle; height: 85vh;" controls></video>
    </div>
</template>
<script>
export default {
    name: 'Video',
    props: {
        playUrl: {
            type: String,
            default: ''
        }
    },
    data() {
        return {
        }
    },
    created() {

    },
    methods: {

    }
}
</script>
<style lang="less" scoped>

</style>